<template>
    <div class="nearBox">
        <ul>
            <li>
              <span class="imgBox">
                <img src="./img/icon_search_list@2x.png">
              </span>
              <span class="content">
                  <h2>凯德广场交大路店<span>(月享书柜)</span></h2>
                  <p>成都市金牛区交大路183号</p>
                  <p>金牛区距离200m</p>
              </span>
              <span class="imgBox">
                <img class="img2" src="./img/icon_go@2x.png">
              </span>
            </li>
            <li>
              <span class="imgBox">
                <img src="./img/icon_search_list@2x.png">
              </span>
              <span class="content">
                  <h2>凯德广场交大路店<span>(月享书柜)</span></h2>
                  <p>成都市金牛区交大路183号</p>
                  <p>金牛区距离200m</p>
              </span>
              <span class="imgBox">
                <img class="img2" src="./img/icon_go@2x.png">
              </span>
            </li>
            <li>
              <span class="imgBox">
                <img src="./img/icon_search_list@2x.png">
              </span>
              <span class="content">
                  <h2>凯德广场交大路店<span>(月享书柜)</span></h2>
                  <p>成都市金牛区交大路183号</p>
                  <p>金牛区距离200m</p>
              </span>
              <span class="imgBox">
                <img class="img2" src="./img/icon_go@2x.png">
              </span>
            </li>
            <li>
              <span class="imgBox">
                <img src="./img/icon_search_list@2x.png">
              </span>
              <span class="content">
                  <h2>凯德广场交大路店<span>(月享书柜)</span></h2>
                  <p>成都市金牛区交大路183号</p>
                  <p>金牛区距离200m</p>
              </span>
              <span class="imgBox">
                <img class="img2" src="./img/icon_go@2x.png">
              </span>
            </li>
            <li>
              <span class="imgBox">
                <img src="./img/icon_search_list@2x.png">
              </span>
              <span class="content">
                  <h2>凯德广场交大路店<span>(月享书柜)</span></h2>
                  <p>成都市金牛区交大路183号</p>
                  <p>金牛区距离200m</p>
              </span>
              <span class="imgBox">
                <img class="img2" src="./img/icon_go@2x.png">
              </span>
            </li>
        </ul>
    </div>
</template>

<script>
export default{

}
</script>

<style lang="Sass" scope>
    .nearBox{margin-top: 2.5rem; background: #eee; padding-bottom: 2.5rem;

      ul{width: 100%; list-style: none;

        li{width: 100%; height: 6rem; display: flex; background: #fff; margin-top: .5rem;

          .imgBox{display: inline-block; flex:0 0 3.5rem;

            img{width: 1.25rem; height: 1.25rem; margin-top: 2.3rem; margin-left: 1rem;}
            .img2{width: 2.45rem; height: 2.45rem; margin: 1.5rem 0 0 .4rem;}
          }
          span{display: inline-block; flex:1; vertical-align: top;}
          .content{border-left: .05rem solid #eee; padding: 0 .5rem 0 .5rem; border-right: .05rem solid #eee; margin: 1rem 0 1rem 0;

            h2{font-size: .8rem; line-height: 1.9rem; color: #333; }
            p{font-size: .6rem; color: #999; line-height: 1rem;}

          }
        }
      }
    }
</style>